关键字: justify-content
  • div水平居中,垂直居中的几种方式
    假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...
  • 前端笔记(9)css grid网格布局
    Grid 布局的属性分成两类。一类定义在容器上面,称为容器属性;另一类定义在项目上面,称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...
  • CSS 实现水平垂直居中的方式
    这是面试经常会被问的问题,以前自己也看过相关的博客内容,但总是面试的过程中只能想到简单的几种,今天做一个总结:实现方式分为两类:1、已知元素的宽高确定 2、元素宽高不定(常问)分别对应不同的解决方案已知元素的宽高确定         1、a ...
  • 在快应用中使用 RxJS
    RxJS作为一个功能强大的事件处理库,其具备丰富的操作符,如何能将这些能力在快应用中发挥出来呢?本文对此做出了一些实践和尝试。 在快应用中使用 RxJS ## RxJS 介绍 备注:此文乃友情转载,原出自于在快应用中使用 RxJS。 Rx( ...
  • 2020 vuejs 中组件实现
    vuejs-logo.png 组件化 组件化是任何一个框架必须实现,如何将定义组件(js 对象)转化为 dom 对象,以及组件的属性转换为 dom 属性,这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...
  • vue+swiper实现背景跟随轮播图切换
    一. 图片变量设置 1.Less: ...
  • 搭建以 serverless 为后台服务的疫情热搜快应用
    起源 今年疫情的影响越来越大,已经成为一个世界性的问题,疫情的发展时刻牵动每个人的心,正好也是因为疫情,今年让作为加班狗的我突然重温“放寒假”的感觉。宅在家里太久就想搞点事情做,于是就萌发了搞个疫情热搜应用的念头。说干就干,经过两天构思,两 ...
  • 前端基础——页面架构
    1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式,并且不同的浏览器默认的样式不同,而通常我们的产品设计中样式都是不同于浏览器默认样式的,所以我们在开发中经常要去覆盖默认的样式,针对不同的浏览器 ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...
  • web前端入门到实战:css元素居中指南,细节决定成败!
    一、元素分类 首先要知道元素分三种:内联元素(行内元素)、块级元素、内联块级元素。 1、内联(行内)元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度,不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...

暂无数据